/**********************测试项目里复选框功能：增加选项，减少选项****************** */

/**
 * 存储着radio的ID,插入文本框时方便取出,刚开始时有4个选项（默认）
 * 当切换为另一张PPT时，重新初始化
 */
var checkboxIds = new Array();
//当前是第几个选项ID(未用)
var currentCBId=0;
//复选框的序号
var checkboxNumber=0;

//弹出全屏黑色背景
$("#click-checkbox").live('click',function(){					
	$("body").prepend("<div class='quanping' ></div>");
	$(".quanping").height($(document).height());
	$(".checkbox-frame").fadeIn("slow");
	
	//初始化窗口
	initCheckbox();
});

//关闭多选弹出框
$(".border-close").click(function(){
	$(".checkbox-frame").fadeOut("slow");
	$(".quanping").remove();
	$(".input_300, .input_250").val("");
});

//确定
$(".border-submit-checkbox").click(function(){
	//检验数据:每个选项不能为空
	var title = $('#checkbox-content-'+checkboxNumber).val();
	if(title=="" || title.trim().length==0){
		alert("小标题不能为空");
		return;
	}
	
	for(var i=0;i<checkboxIds.length;i++){
		var str = $('#checkbox'+checkboxIds[i]).val();
		if(str=="" || str.trim().length==0){
			alert("选项不能为空");
			return;
		}
	}
	
	
	$(".checkbox-frame").fadeOut("slow");
	$(".quanping").remove();

	//
	checkboxNumber++;
	var checkboxHtml="<div style='' class='m-radio'>"
		+ "<div style='font-size:14px;'>" +"<strong>" +"<font color='red'>多选 "+checkboxNumber+"</font>" + "、"
		+ title + "</strong>" +"</div>";
	for(var i=0;i<checkboxIds.length;i++){
		checkboxHtml += "<input type='checkbox' name='checkbox"+checkboxIds[i]+"' "
				 + "style='margin-right:5px;'/>"
				 + $('#checkbox'+checkboxIds[i]).val() + "<br/>"; 
	}
	checkboxHtml += "</div>";
	
	//在其他地方增加了东西
	//$(".q-content").append(checkboxHtml);
	//$("#ppt-"+exam.curNO).html(content);
	editor.appendHtml(checkboxHtml);
});

//删除当前选项
$(".new-item-delete-checkbox-cl").click(function(){	
	//得到ID
	var inputId = $(this).attr('id');
	var remId = inputId.slice(5,inputId.length);
	var removeId = parseInt(remId);
	
	checkboxIds.remove(removeId);
	$(this).parent().parent().parent(".new-item").remove();

});


//增加选项
$("#new-item-add-checkbox").click(function(){
	var addHtml = "<div class='new-item'><div class='tit'><em>*</em>选项：</div>	"
		+"<div class='bdmain'><div positionleft='7' class=''>"
		+"<input class='input_250' type='text' id='checkbox"+currentCBId+"' value='' />"
		+"<input type='button' id='input"+currentCBId+"'"
		+"class='new-item-delete-checkbox-cl' value='删除'/>"
		+"</div></div></div>";
	
	//$(this).before(addHtml);
	//指定checkbox下的
	$(".checkbox-frame>.border-middle>.border-layout").append(addHtml);
	checkboxIds.push(currentCBId);
	currentCBId++;
	
	//重新绑定，删除当前选项
	$(".new-item-delete-checkbox-cl").click(function(){	
		//得到ID
		var inputId = $(this).attr('id');
		var remId = inputId.slice(5,inputId.length);
		var removeId = parseInt(remId);
		
		checkboxIds.remove(removeId);
		$(this).parent().parent().parent(".new-item").remove();
	});
});


//初始化弹出框
function initCheckbox(){
	//清空数组
	checkboxIds.removeAll();
	//先清空之前的内容
	$(".checkbox-frame>.border-middle>.border-layout").empty();
		
	//文本内容
	var titleHtml = "<div class='new-item' style='margin-bottom:10px;'>"
				+" <div class='tit'><em>*</em>文本内容：</div>"
				+" <div class='bdmain'><div positionleft='7'>"					
                +" <textarea class='input_300' type='text' id='checkbox-content-"+checkboxNumber+"'></textarea></div>"
                +"</div>"
                +" <div class='new-plus' id='' name=''></div></div>";
	
	$(".checkbox-frame>.border-middle>.border-layout").append(titleHtml);
	//该组checkbox开始的第一个id
	thisFirstIndex = currentCBId;
	//初始化4个选项
	for(var i=0;i<4;i++){
		//在增加按钮之前插入
		$("#new-item-add-checkbox").trigger("click");
	}
	
}